<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ include file="/top.jsp"%>

	<c:if test="${empty sessionScope.cart.items}">
		您还没有购买任何商品	
	</c:if>
	<c:if test="${!empty sessionScope.cart.items}">
		<h3>您购买的商品如下</h3>
		<table border="1" width="438" align="center">
		
			<tr>
    			<th>书名</th>
    			<th>数量</th>
    			<th>单价</th>
    			<th>小计</th>
    			<th>操作</th>
    		</tr>
    		
    		<c:forEach items="${sessionScope.cart.items}"  var="me" varStatus="vs">
			    <tr  bgcolor="${vs.index%2==0?'#C9C9C9':'#6192B0'}"  align="center">
			    	<%--
			    	  	等价于：
<c:forEach items="${sessionScope.cart.items}"  var="me">
									||
			    	  	for(Map item : items) {
			    	  		
			${me.value}===>CartItem cartItem = (CartItem)item.getValue();
			    	  		
	   ${me.value.book}===>Book book = cartItem.getBook();
			    	  		
  ${me.value.book.name}===>String bookName = book.getName();
			    	  		
			    	  	}
			    	--%>
	    			<td>${me.value.book.name}</td>
	    			
	    			<%--
	    				changeNum(this,${me.value.num},'${me.key}'):修改购物项数量，需要知道：
	    					1、this：哪一个购物项数量要进行修改
	    					2、${me.value.num}：原来的购物项的数量值
	    					3、${me.key}：对应购物项的id（bookId）
	    			--%>
	    			<td><input type="text" size="6" value="${me.value.num}" onchange="changeNum(this,${me.value.num},'${me.key}')"/></td>
	    			<td>${me.value.book.money}</td>
	    			<td>${me.value.price}</td>
	    			<td>
	    			<%-- ${me.key} 等价于  ${me.value.book.id}--%>
	    				<a href="javascript:delOneItem('${me.key}')">删除</a>
	    			</td>
	    			</td>
	    		</tr>   		
    		</c:forEach>
    		
    		<tr>
    			<td colspan="5" align="right">
    				总数量：${sessionScope.cart.totalNum}&nbsp;&nbsp;
    				应付金额：${sessionScope.cart.totalMoney}&nbsp;&nbsp;
    				<a href="${pageContext.request.contextPath}/servlet/ControllerServlet?op=genOrders">去付款</a>
    			</td>
    		</tr>
    		
		</table>
	</c:if>
	
	<script type="text/javascript">
<!--
		
		//将某一项移除出购物车
		function delOneItem(
) {
			
			var sure = window.confirm("确定要将该项移除出购物车吗？");
			
			if(sure) {
				window.location.href="${pageContext.request.contextPath}/servlet/ControllerServlet?op=delOneFormCart&bookId="+bookId;
			}
		}
		
		
		//修改购物车里的购物项数量
		function changeNum(inputObj,oldNum,bookId){
			
			var newNum = inputObj.value;
			
			//输入验证：客户端验证（js）；服务器段验证（保证安全）；开发中：客户端+服务器端
			if(!/^[1-9][0-9]*$/.test(newNum)){
    			alert("请输入正整数！");
    			inputObj.value = oldNum;
    			return;
    		}
    		
    		
			var sure = window.confirm("确定要修改数量吗");
			
			if(sure){
    			window.location.href="${pageContext.request.contextPath}/servlet/ControllerServlet?op=changeCartItemNum&bookId="+bookId+"&newNum="+newNum;
    		}else{
    			inputObj.value = oldNum;
    		}
		}
		
		
		
//-->
</script>
	

  </body>
</html>
